<!-- 
 
<unt-icon name="twitter-circle-fill" size="40" color="blue"></unt-icon> 
 
 -->
<template>
	<view class="unt-icon-content" @click='$emit("click")'>
		<i class="iconfont " :class="name" :style="[{color:color,fontSize:size+'px'},styleCss]"></i>
	</view>
</template>

<script>
	import icon from "./props.js"
	export default {
		name:"unt-icon",
		mixins:[icon],
		data() {
			return {
				
			};
		}		
	}
</script>

<style>
@import "./iconfont.css";

.unt-icon-content{
	display: inline-block;
}
</style>